<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Login</title>		
        <meta http-equiv="Content-Type" content="text/html; charset=${_response_encoding}"/>
        <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/secure.css'}" />
        <link href="@{'/public/stylesheets/flexible-grids.css'}" rel="stylesheet" type="text/css"/>
    </head>
    <body>


        <div class="ym-wrapper">
            <div class="ym-wbox">
                <header>
                    <h1>Proyecto SIDIGIRH</h1>
                </header>
                <div id="main">
                    <div class="ym-column linearize-level-1">
                        <div class="ym-col1 ym-g20">
                            <div class="ym-cbox">
                                <section class="box info">
                                #{doLayout /}
                                </section>
                                <section class="box">
                                    <h3 align="center">Modelos Hidrologicos</h3>
                                    <ul>
                                    #{list items:models.Hidmodelosimulacion.findAll(), as:'hidmodelosimulacions'}
                                        <li>
                                            <a href="#">&{hidmodelosimulacions.modsimnom}</a>
                                        </li>
                                    #{/list}
                                    </ul>
                                </section>
                            </div>
                        </div>

                        <div class="ym-col3 ym-g80">
                            <div class="ym-cbox-right">
                                <section class="box info">
                                      <br />
                                      <img class="flexible" src="@{'/public/images/cuenca.jpg'}" height="100%" width="100%">
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
                <footer>
                    <p>© Catedra CONCYTEC 2012</p>
                </footer>
            </div>
        </div>

    </body>
</html>
